<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<head th:replace="public/index2 :: CSS(~{::title})">
    <title>项目经验</title>
</head>
<!--我的项目-->
<body>
<!--菜单栏-->
<nav th:insert="~{public/index2 :: index2Head}"></nav>
<!--主要内容-->
<main id="main">
    <!-- 标题栏 -->
    <section id="breadcrumbs" class="breadcrumbs">
        <div class="container">
            <a href="#" onclick="javascript:history.go(-1);" class="btnReturn">返回上一级</a>
            <h2 th:text="${item.getItemName()}"></h2>
        </div>
    </section>
    <!-- 学习经过 -->
    <section id="skills" class="skills">
        <div class="container" data-aos="fade-up">
            <div class="row content">
                <div class="col-lg-6">
                    <p th:text="${item.getItemFirst()}"></p>
                </div>
                <div class="col-lg-6 d-flex align-items-center" data-aos="fade-right" data-aos-delay="100">
                    <img th:src="${item.getItemImg1()}" class="img-fluid" alt="">
                </div>
            </div>

            <div class="row">
                <div class="col-lg-6 d-flex align-items-center" data-aos="fade-right" data-aos-delay="100">
                    <img th:src="${item.getItemImg2()}" class="img-fluid" alt="">
                </div>
                <div class="col-lg-6 pt-4 pt-lg-0 content" data-aos="fade-left" data-aos-delay="100">
                    <br>
                    <p th:text="${item.getItemSecond()}"></p>
                </div>
            </div>

        </div>
    </section>
</main>
<!--底层内容-->
<nav th:insert="~{public/index2 :: index2Footer}"></nav>
<!-- 一键回头 -->
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center">
    <i class="bi bi-arrow-up-short"></i>
</a>
<!-- Js框架文件 -->
<nav th:insert="~{public/index2 :: index2Js}"></nav>

</body>

</html>